﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>联系我们</title>
		<link rel="stylesheet" href="contact.css" />
	</head>

	<body>
		<div class="box">
			<!--头部开始-->
    <div class="top">
        <ul class="clearfix">
            <li>
                <img src="images/logo.png" width="220px" />
            </li>
            <li class="li1">
                <a href="../1/index.html">艺佳首页</a>
                <div class="pic1" id="pic1"></div>
            </li>
            <li>|</li>
            <li class="li1">
                <a href="../1/brand.html">品牌诠释</a>
                <div class="pic1"></div>
            </li>
            <li>|</li>
            <li class="li1">
                <a href="../2/product.html">产品展示</a>
                <div class="pic1"></div>
            </li>
            <li>|</li>
            <li class="li1">
                <a href="../3/information.html">艺佳资讯</a>
                <div class="pic1"></div>
            </li>
            <li>|</li>
            <li class="li1">
                <a href="../3/service.html">服务中心</a>
                <div class="pic1"></div>
            </li>
            <li>|</li>
            <li class="li1">
                <a href="../4/contact.html">联系我们</a>
                <div class="pic1"></div>
            </li>
            <li>|</li>
            <li class="li1">
                <a href="../5/about.html">关于我们</a>
                <div class="pic1"></div>
            </li>
        </ul>
    </div>

    
    <!--当前位置-->
    <div class="now">
        <p class="place">当前位置：
            <a href="../1/index.html">首页 ></a> <a href="contact.html">联系我们</a>
        </p>
    </div>

			<!--网页内容-->
			<div class="ban">
				<img src="images/0.jpg" />
			</div>
			<div class="cnt clearfix">
				<div class="title">
					<div class="jianjie">
						<div class="jian">联系方式</div>
						<div class="jie">CONTACT</div>
					</div>
					<div class="line1 fl clearfix"></div>
					<div class="line2 fr"></div>
				</div>
				<div class="cnt1">
					<div class="cnt1-1 fl">
						<p>地址：中国·浙江台州黄岩区十院路97号</p>
						<p>电话：+86-576-84188228</p>
						<p>传真：+86-576-84190851</p>
						<p>邮箱：starway@chinaxingwei.com</p>
						<p>网址：http://www.chinaxingwei.com</p>
						<p>全国售后服务热线：400-1191-999</p>
						<p>广州办事处：020-87364947</p>
						<p>杭州办事处：0571-57185221</p>
						<p>武汉办事处：027-75896145</p>
						<p>合肥办事处：0551-36219874</p>
					</div>
					<div class="cnt1-2 fr">
						<div class="tu1"><img src="images/1.jpg" /></div>
						<div class="tu2"><img src="images/2.jpg" /></div>
					</div>
				</div>
			</div>
			<div class="sub">
				<div class="sub1">
					<div class="title">
						<div class="jianjie">
							<div class="jian" style="color:white;">在线反馈</div>
							<div class="jie" style="color:white;">MESSAGE</div>
						</div>
						<div class="line1 fl clearfix"></div>
						<div class="line2 fr"></div>
					</div>

					<div class="sub2  clearfix">
						<div class="name fl">姓 名</div>
						<input class="case fr" type="text"/>
					</div>
					<div class="sub2  clearfix">
						<div class="name fl">电 话</div>
						<input class="case fr" type="text"/>
					</div>
					<div class="sub2  clearfix">
						<div class="name fl">地 址</div>
						<input class="case fr" type="text"/>
					</div>
					<div class="sub2  clearfix">
						<div class="name fl">邮 箱</div>
						<input class="case fr" type="text"/>
					</div>
					<div class="sub3  clearfix">
						<div class="name fl">留 言</div>
						<textarea class="case1 fr"></textarea>
					</div>
					<div class="sub4 clearfix">
						<input type="submit" value="发送" class="case2 fr" >
					</div>
					
				</div>
			</div>
			<!--网页尾部-->
			<div class="bot">
        <ul class="clearfix">
            <li>
                地址：合肥市屯溪路合肥工业大学产业楼
                <br/>电话：+86 576 84188228 84196798
                <br/>传真：+86 576 84190851
                <br/>网址：http://www.chinaxingwei.com
                <br/>邮箱：starway@chinaxingwei.com
                <br/> 安ICP备15037734号-1
            </li>
            <li>
                帮助中心
                <br/> 支付方式
                <br/> 配送说明
                <br/> 售后服务
                <br/> 常见问题
                <br/> 家具保养
            </li>
            <li>
                客服中心
                <br/> 会员介绍
                <br/> 全国门店
                <br/> 软装设计
                <br/> 会员活动
                <br/> 客户受理
            </li>
            <li>
                <img src="images/code.png" />官方微博
                <br/>
                <img src="images/code.png" />官方微信
            </li>
        </ul>
    </div>
		
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
  
<!--在线预约-->
    <div id="btn1" class="chat">
        <img src = "images/chat.png" width="50px;" />
        <p>在线预约</p>
    </div>
    
    <div id="box">
        <div class="cleanfix ifo"><span class="fl">请您留言</span>  <img src="images/close.png" class="fr" width="16px;" id="btn2"/></div>
        <textarea cols="26" rows="5" placeholder="请在此输入留言内容，我们会尽快与您联系。（必填）"></textarea>
        <div ><input type="text" placeholder="姓名" class="in"/></div>
        <div ><input type="text" placeholder="电话（必填）" class="in"/></div>
        <div ><input type="text" placeholder="邮箱" class="in"/></div>
        <div ><input type="text" placeholder="地址" class="in"/></div>
        <div ><input type="button" value="发送" class="up"/></div>
    </div>

    <!--右侧侧边栏-->
    <div class="cndns-right">
        <div class="cndns-right-meau meau-car">
            <a href="#" class="cndns-right-btn">
                <span class="demo-icon">&#xe900;</span>
                <sup>0</sup>
            </a>
        </div>
        <div class="cndns-right-meau meau-sev">
            <a href="javascript:" class="cndns-right-btn">
                <span class="demo-icon">&#xe901;</span>
                <p>
                    在线<br />
                    客服
                </p>
            </a>
            <div class="cndns-right-box">
                <div class="box-border">
                    <div class="sev-t">
                        <span class="demo-icon">&#xe901;</span>
                        <p>在线客服<i>服务时间：9:00-24:00</i></p>
                        <div class="clear"></div>
                    </div>
                    <div class="sev-b">
                        <h4>选择下列产品马上在线沟通：</h4>
                        <ul id="zixunUl">
                            <li><a href="javascript:void(0);">塑料椅系列</a></li>
                            
                            <li><a href="javascript:void(0);">木椅系列</a></li>
                            <li><a href="javascript:void(0);">金属椅系列</a></li>
                            <li><a href="javascript:void(0);">吧椅系列</a></li>
                            <li><a href="javascript:void(0);">多尼斯系列</a></li>
                            <li><a href="javascript:void(0);">现代沙发系列</a></li>
                            
                            <li><a href="javascript:void(0);">儿童椅系列</a></li>
                            
                            <li><a href="javascript:void(0);">脚凳系列</a></li>
                            
                            <li><a href="javascript:void(0);">其他产品</a></li>
                            <div class="clear"></div>
                        </ul>
                    </div>
                    <span class="arrow-right"></span>
                </div>
            </div>
        </div>
        <div class="cndns-right-meau meau-contact">
            <a href="javascript:" class="cndns-right-btn">
                <span class="demo-icon">&#xe902;</span>
                <p>
                    客服<br />
                    热线
                </p>
            </a>
            <div class="cndns-right-box">
                <div class="box-border">
                    <div class="sev-t">
                        <span class="demo-icon">&#xe902;</span>
                        <p>400-123-4567<br /><i>7*24小时客服服务热线</i></p>
                        <div class="clear"></div>
                    </div>
                    <span class="arrow-right"></span>
                </div>
            </div>
        </div>
        <div class="cndns-right-meau meau-code">
            <a href="javascript:" class="cndns-right-btn">
                <span class="demo-icon">&#xe903;</span>
                <p>
                    关注<br />
                    微信
                </p>
            </a>
            <div class="cndns-right-box">
                <div class="box-border">
                    <div class="sev-t">
                        <img src="images/02index-2.jpg" />
                        <i>关注官方微信</i>
                    </div>
                    <span class="arrow-right"></span>
                </div>
            </div>
        </div>
        <div class="cndns-right-meau meau-top" id="top-back">
            <a href="javascript:" class="cndns-right-btn" onclick="topBack()">
                <span class="demo-icon">&#xe904;</span>
                <i>顶部</i>
            </a>
        </div>
    </div>
			
    <script>

        //预约弹框的显示和隐藏
        btn1.onclick = function(){
            box.style.display = "block";
        }
        btn2.onclick = function(){
            box.style.display = "none";
        }
    
        //置顶图标显示
        $('#top-back').hide()
        $(window).scroll(function(){
            if($(this).scrollTop() > 350){
                $("#top-back").fadeIn();
            }
            else{
                $("#top-back").fadeOut();
            }
        })	
        
        //置顶事件
        function topBack(){
        $('body,html').animate({scrollTop:0},300);
        }
    </script>
</div>
	</body>

</html>